@import "pub";
.wrap {
  @include wrap();
  width: 1400px;
  .pic_swipe {
    height: 411px;
    width: 930px;
  }
}
.swiper-container {
  background-color: #000;
}
.swiper-slide {
  background-size: 795px 325px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.gallery-top {
  background-color: #293036;
  height: 80% !important;
  width: 100%;
}
.gallery-thumbs {
  background-color: #fff;

  height: 20% !important;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.detailscontent {
  width: 930px;
  margin-top: 20px;
}
.css-not-selector-shortcut {
  display: flex;
}
li {
  list-style-type: none;
  margin: 0;
  padding: 0 0.75rem;
}
li:not(:last-child) {
  border-right: 2px solid #d2d5e4;
}

.ht_empty {
  width: 11%;
}
.ht_name {
  width: 20%;
}
.ht_supply {
  width: 11%;
}
.ht_brak {
  width: 12%;
}
.ht_rule {
  width: 11%;
}
.ht_pri {
  width: 13%;
}
.ht_pay {
  width: 13%;
}
.roomList {
  .roomitem {
    margin-top: 10px;
    border: 1px solid #ddd;
    &:hover {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }
    cursor: pointer;
    .up {
      &:hover {
        background-color: #eff4fa;
        position: relative;
        z-index: 1;
      }
      background-color: #fff;
      padding: 10px;
      @include flexlbox(row, space-between, center);

      .img {
        width: 88px;
        height: 88px;
        img {
          width: 100%;
          height: 100%;
        }
      }
      .roominfo {
        padding-left: 10px;
        flex: 1;
        .room-title {
          font-size: 18px;
          color: #37d;
        }
        .roomtip {
          font-size: 13px;
        }
      }
      .priceinfo {
        .price {
          font-size: 19px;
          color: #f55 !important;
          font-weight: 600;
          em {
            font-size: 12px;
            color: #000;
            font-style: normal;
          }
          span {
            font-size: 12px;
          }
        }
        .pro-tip {
          &:hover {
            color: #37d;
          }
          font-size: 12px;
        }
      }
    }
    .down {
      table {
        width: 100%;
        text-align: center;
        thead {
          background-color: #f5f5f5;
          color: #999;
        }

        tbody {
          border: none;
          background-color: #fff;
          tr {
            padding: 5px 0;
            .ht_pri {
              color: #f55;
              font-size: 16px;
              font-weight: 600;
              em {
                font-weight: 100;
                font-size: 13px;
                color: #000;
                font-style: normal;
              }
            }
          }
        }
      }
      .pic-ccc {
        @include flexlbox(row, flex-start, center);
        width: 100%;
        overflow-x: auto;
        padding: 10px 0;
        .roompicture {
          &:first-child {
            margin-left: 10px;
          }
          margin-right: 10px;
        }
      }
    }
  }
}
.hotelinfo {
  background-color: #fff;
  padding: 10px;
  width: 930px;
  .title {
    font-size: 30px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
    border-left: 3px solid #293036;
  }
  .faci {
    @include flexlbox(row, flex-start, center);
    li {
      text-align: center;
      .icon_wifi {
        //wifi
        background-position: 0 -100px;
      }
      .icon_restaurant {
        //餐馆
        background-position: -42px -100px;
      }
      .icon_parking {
        //停车
        background-position: -80px -100px;
      }
      .icon_luggage {
        //寄存
        background-position: -118px -100px;
      }
      .icon_swimmingpool {
        //用泳池
        background-position: -157px -100px;
      }
      .icon_pickup {
        //接机
        background-position: 0 -135px;
      }
      .icon_meeting {
        //会议室
        background-position: -45px -135px;
      }
      .icon_fitness {
        //健身
        background-position: -79px -135px;
      }
    }
  }
  .dview_info {
    .line {
      @include flexlbox(row, flex-start, center);
      text-align: left;
      padding: 10px 0;
      border-bottom: 1px solid #ddd;

      .tagname {
        width: 100px;
      }
      .details {
        flex: 1;
      }
    }
  }
}
.navbar {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 65px;
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.calendar {
  width: 326px !important;
}
.datebar {
  padding: 10px;
  width: 930px;
  background-color: #fff;
  margin: 10px 0;
  .hotelbar {
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    ul {
      list-style: none;
      box-sizing: border-box;
      @include flexlbox(row, flex-start, center);
      li {
        border-right: 0;
        padding: 0 10px;
        box-sizing: border-box;
        border-bottom: 2px solid #00ff0000;
        &:hover {
          border-bottom: 2px solid #37d;
        }
        &:not(:first-child){
          margin-left: 5px;
        }
        a{
        color: #000;
          
        }
      }
      .covered{
        background-color: #37d;
        a{
        color: #fff;
        }
      }
    }
  }
}
.topdiv{
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  @include flexlbox(row, space-between, center);
  }